---
title: "Bar list"
description: "Display ranked data in a clean, horizontal bar list similar to Google Analytics."
order: 1
published: true
references: ["https://recharts.org/en-US/api/LineChart"]
---

## Basic

Line charts are great for showing trends, comparisons, and patterns over time. They keep your data clean and easy to read.
<How className="w-full max-w-xl" toUse="visualizations/bar-list/bar-list-demo" />

## Installation

```bash
npx shadcn@latest add @intentui/bar-list
```

## Manual installation
```bash
npm i recharts
```

<SourceCode toShow={'bar-list'} />

## Controlled
Controlled bar lists allow you to manage the data and interactions dynamically, making it easier to update or change the displayed information based on user actions or other events.
<How className="w-full max-w-xl" toUse="visualizations/bar-list/bar-list-controlled-demo" />
